<!DOCTYPE html>
<html lang="en" ng-app="huoban">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, maximum-scale=1.0, initial-scale=1.0, user-scalable=no">
    <meta name="format-detection" content="telephone=no" />
    <title>伙办</title>
    <link rel="stylesheet" type="text/css" href="node_modules/normalize.css/normalize.css" />
    <link rel="stylesheet" type="text/css" href="style/index.css" />
    <link rel="stylesheet" type="text/css" href="style/base.css" />
    <link rel="stylesheet" type="text/css" href="style/findHouse.css">
</head>

<body class="find-house change" ng-controller="findHouse" ui-view></body>

<body ng-controller="index" ng-view>
    <!-- 首页banner -->
    <div class="index-banner">
        <img src="images/index/banner.png" alt="" class="banner-img" />
        <div class="index-head">
            <p ng-click="chooseArea('show')" class="left">{{chooseAddress}}</p>
            <img src="images/index/home_white_logo.png" alt="" class="index-logo" />
            <a href="view/search.html">
                <img src="images/index/big_mirror_white.png" alt="" class="index-search right" />
            </a>
        </div>
        <div class="index-area hide">
            <div class="area-city">
                <p>选择城市</p>
                <div class="area-main">
                    <span class="area-span" ng-class="{areaactive:chooseAddress=='长春'}"><input type="radio" name="address" value="长春" ng-model="chooseAddress">长春</span>
                    <span class="area-span" ng-class="{areaactive:chooseAddress=='大连'}" style="margin-right: 0;"><input type="radio" name="address" value="大连" ng-model="chooseAddress">大连</span>
                    <span class="area-span" ng-class="{areaactive:chooseAddress=='哈尔滨'}"><input type="radio" name="address" value="哈尔滨" ng-model="chooseAddress">哈尔滨</span>
                    <span class="area-span" ng-class="{areaactive:chooseAddress=='沈阳'}" style="margin-right: 0;"><input type="radio" name="address" value="沈阳"  ng-model="chooseAddress">沈阳</span>
                </div>
            </div>
            <div ng-click="chooseArea('hide')" class="area-close"><img src="images/index/close_white.png" alt="" /></div>
        </div>
    </div>

    <div class="index-nav clearfix">
        <ul>
            <li ng-click="toProducer('xiezijian')">
                <img src="images/index/home_tool1.png" alt="" />
                <span>伙办办公<img src="images/index/home_hot.png" alt="" /></span>
            </li>
            <li ng-click="toProducer('gongyu')">
                <img src="images/index/home_tool2.png" alt="" />
                <span>伙办公寓</span>
            </li>
            <li ng-click="toProducer('shop')">
                <img src="images/index/home_tool3.png" alt="" />
                <span>伙办商铺</span>
            </li>
            <a href="view/findMap.html">
                <li>
                    <img src="images/index/home_tool4.png" alt="" />
                    <span>地图找房</span>
                </li>
            </a>
        </ul>
    </div>

    <div class="index-weituo">
        <ul class="clearfix">
            <a href="view/indexEntrust.html">
                <li style="margin-left: 0;">
                    <img src="images/index/home_findhouse.png" alt="" />
                    <span>委托找房</span>
                </li>
            </a>
            <a href="view/indexPublish.html">
                <li>
                    <img src="images/index/home_fabuhouse.png" alt="" />
                    <span>发布房源</span>
                </li>
            </a>
        </ul>
    </div>

    <div class="index-remen">
        <div class="index-tit">热门推荐</div>
        <div class="index-list" ng-repeat="hot in recommend">
            <div class="index-list-img">
                <img src="{{hot.img}}" alt="" />
            </div>
            <div class="index-list-text">
                <div class="index-tit1">
                    {{hot.name}}
                </div>
                <p>{{hot.desc}}</p>
            </div>
        </div>
    </div>

    <div>
        <div class="index-footnav">
            <ul class="clearfix">
                <a href="index.html">
                    <li>
                        <img src="images/index/tab_huoban_select.png" alt="" />
                        <span class="color-blue">首页</span>
                    </li>
                </a>
                <a href="view/findHouse.html">
                    <li>
                        <img src="images/index/tab_findhouse_not.png" alt="" />
                        <span>找房</span>
                    </li>
                </a>
                <a href="view/service.html">
                    <li>
                        <img src="images/index/tab_service_not.png" alt="" />
                        <span>服务</span>
                    </li>
                </a>
                <a href="view/myIndex.html">
                    <li>
                        <img src="images/index/tab_me_not.png" alt="" />
                        <span>我的</span>
                    </li>
                </a>
            </ul>
        </div>
        <div class="h50"></div>
    </div>
    <script type="text/javascript" src="node_modules/jquery/dist/jquery.min.js"></script>
    <script type="text/javascript" src="node_modules/angular/angular.js"></script>
    <script type="text/javascript" src="node_modules/angular-ui-router.js"></script>
    <script type="text/javascript" src="js/main.js"></script>
</body>

</html>
